<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title><ui:insert name="title">Default Title</ui:insert></title>
        <h:outputStylesheet library="css" name="pfcrud.css"/>
        <h:outputScript library="scripts" name="pfcrud.js"/>
       	<ui:insert name="style">



		<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<!-- 	  <link type="text/css" rel="stylesheet" href="#{request.contextPath}/template/css/style.css" />  -->
		<!-- 	  <link type="text/css" rel="stylesheet" href="#{request.contextPath}/template/css/jquery.cleditor.css" />  -->


		<link type="text/css"
			href="#{request.contextPath}/template/css/style.css" rel="stylesheet" />
		<link type="text/css"
			href="#{request.contextPath}/template/css/jquery.cleditor.css"
			rel="stylesheet" />

		<script type='text/javascript'
			src='#{request.contextPath}/template/js/jquery-1.4.2.min.js'></script>
			<script type='text/javascript'
			src='#{request.contextPath}/template/js/script.js'></script>
		<!-- jquery library -->
		<script type='text/javascript'
			src='#{request.contextPath}/template/js/jquery-ui-1.8.5.custom.min.js'></script>
		<!-- jquery UI -->
		<script type='text/javascript'
			src='#{request.contextPath}/template/js/cufon-yui.js'></script>
		<!-- Cufon font replacement -->
		<script type='text/javascript'
			src='#{request.contextPath}/template/js/ColaborateLight_400.font.js'></script>
		<!-- the Colaborate Light font -->
		<script type='text/javascript'
			src='#{request.contextPath}/template/js/easyTooltip.js'></script>
		<!-- element tooltips -->
		<script type='text/javascript'
			src='#{request.contextPath}/template/js/jquery.tablesorter.min.js'></script>
		<!-- tablesorter -->



		<script type='text/javascript'
			src='#{request.contextPath}/template/js/visualize.jQuery.js'></script>
		<!-- visualize plugin for graphs / statistics -->
		<script type='text/javascript'
			src='#{request.contextPath}/template/js/iphone-style-checkboxes.js'></script>
		<!-- iphone like checkboxes -->
		<script type='text/javascript'
			src='#{request.contextPath}/template/js/jquery.cleditor.min.js'></script>
		<!-- wysiwyg editor -->

		<script type='text/javascript'
			src='#{request.contextPath}/template/js/custom.js'></script>
		<script type='text/javascript'
			src='#{request.contextPath}/template/js/script-calendrier.js'></script>
		<!-- the "make them work" script -->

	</ui:insert>
    </h:head>

    <h:body style="background-color: #e4bef9">

        <p:growl id="growl" life="3000"/>
        <div id="bgwrap" >   
<p:layout fullPage="true"  >
    <p:layoutUnit position="center" visible="false">
                <ui:insert name="body"/>
            </p:layoutUnit>
    <p:layoutUnit  position="north" size="100" header="#{bundle.AppName}"  >
     
                <!-- Menu here. Also a layout and a way to log a user out -->
      <ui:include src="/appmenu.xhtml"/> 
     
            
                <!--<p:panel style="float: right"><ui:include src="themeMenu.xhtml" ></ui:include></p:panel>-->
               
                 <h:form style="margin-right:60px;" >
					<p:stack icon="/template/assets/stack.png">  
					
						   <p:menuitem value="Typeshandicap" icon="/template/assets/avatar2.png" url="/faces/handicape/index.xhtml" />
						   <p:menuitem value="Profile" icon="/template/assets/avatar.png" url="/faces/profile/index.xhtml"/>   
						  
						</p:stack>
					</h:form>
              
            </p:layoutUnit>
   
    <p:layoutUnit  position="west"  style="border: 0px" >
         
				<ui:include src="header.xhtml">
				</ui:include>
        
    </p:layoutUnit>
    <p:layoutUnit position="east" size="50" ><ui:include src="/plantilla.xhtml"/>  </p:layoutUnit>

            <p:layoutUnit position="south" size="30">
                <ui:insert name="footer"/>
               
            </p:layoutUnit>

         

        </p:layout>
</div>   
        
    </h:body>

</html>
